<template>
	<view class="user-block">
		<view class="flex-row miaosha-header">
			<view class="flex-grow-1 flex-row flex-y-center">
				<image :src="__wxapp_img.system.yuyue.url" style="width: 34upx;height: 34upx;margin-right: 12upx"></image>
				<view style="color: #ff8b57;margin-right: 16upx">预约</view>
			</view>
			<navigator class="flex-grow-0 flex-row flex-y-center" url="/pages/book/index/index">
				<view style="margin-right: 14upx">更多</view>
				<image :src="__wxapp_img.dapp.jiantou_r.url" style="width: 12upx;height: 22upx"></image>
			</navigator>
		</view>
		<scroll-view scrollX="true" style="background: #fff;padding: 16upx 8upx">
			<view class="flex-row miaosha-goods-list">
				<navigator class="flex-grow-0 miaosha-goods" style="width:352upx" :url="'/pages/book/details/details?id='+item.id"
				 v-for="item in yuyue" :key="item.id">
					<form @submit="$emit('_formIdSubmit',$event)" reportSubmit="true">
						<button formType="submit" id="_formIdSubmit" class="_formIdSubmit">
							<image mode="aspectFill" :src="item.cover_pic" style="width:325upx;height:325upx;"></image>
							<view class="text-more-2">{{item.name}}</view>
							<view class="flex-row flex-y-center" style="color: #ff4544;line-height: 1;text-overflow: ellipsis;overflow: hidden;white-space: nowrap">
								<block v-if="item.price>0">
									<view>￥</view>
									<view style="font-size:13pt">{{item.price}}</view>
								</block>
								<view v-else>免费</view>
							</view>
						</button>
					</form>
				</navigator>
			</view>
		</scroll-view>
	</view>
</template>

<script>var myVue = {};
	export default {
		props: ['__wxapp_img','yuyue','item'],
		data() {
			return {
				
			};
		}
	}
</script>

<style scoped>
</style>
